<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Ais影视搜索</title>
</head>
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<body>
<div class="panel panel-default">
    <!-- Default panel contents -->
    {% for i in s %}
    <div class="panel-heading">{{ i.info['别名：'] }}</div>


    <img alt="影片未找到" src="{{ i.haibao }}" {# 注意i也要用两个大括号 #}></img>
    <!-- Table -->
    <table class="table"   >
        <tr>
            <th>别名</th>
            <th>{{ i.info['别名：'] }}</th>
        </tr>
        <tr>
            <th>导演</th>
            <th>{{ i.info['导演：'] }}</th>
        </tr>
        <tr>
            <th>主演</th>
            <th>{{ i.info['主演：'] }}</th>
        </tr>
        <tr>
            <th>类型</th>
            <th>{{ i.info['类型：'] }}</th>
        </tr>
        <tr>
            <th>地区</th>
            <th>{{ i.info['地区：'] }}</th>
        </tr>
        <tr>
            <th>语言</th>
            <th>{{ i.info['语言：'] }}</th>
        </tr>
        <tr>
            <th>上映</th>
            <th>{{ i.info['上映：'] }}</th>
        </tr>
        <tr>
            <th>更新</th>
            <th>{{ i.info['更新：'] }}</th>
        </tr>
        <tr>
            <th>云播放</th>
            <th>
                {% for j in i.yun %}
                <a  href="{{j.url}}" target="_blank">{{j.name}}</a>
                {% endfor %}

            </th>
        </tr>
                <tr>
            <th>m3u8播放</th>
            <th>
                {% for z in i.m3u8 %}
                <a href="{{z.url}}" target="_blank">{{z.name}}</a>
                {% endfor %}
            </th>
        </tr>
    </table>
        {% endfor %}
</div>

</body>
</html>